🔥 วันนี้แอดจะพามารู้จักความแตกต่างของ Library และ Framework มาดูกันว่าทั้ง 2 มันคืออะไร ใช้งานยังไง มีอะไรบ้าง..กันในโพสนี้เลยจ้า
.
เริ่มกันที่ Library ก่อนเลย
.
📒 Library คือ ที่รวบรวมชุดคำสั่ง หรือที่รวบรวมโค้ดต่างๆ ที่ Software Developers ได้พัฒนาขึ้นและสามารถเรียกใช้มาในโปรเจกต์ของเราได้ตามต้องการ บางฟังก์ชันก็สามารถเรียกใช้ library ได้เลยโดยไม่ต้องเขียนโค้ดขึ้นเอง ซึ่งมันจะช่วยให้เราประหยัดเวลาในการเขียนโปรแกรมและลดความผิดพลาดของโปรแกรมได้มากยิ่งขึ้น
.
👉 ตัวอย่างของ library ที่นิยมใช้ ได้แก่
.
🔹 React - เป็น library ของ JavaScript สำหรับสร้าง User Interfaces
🔹 Redux - เป็น open-source JavaScript library สำหรับจัดการ
🔹 Application State มักใช้ร่วมกับ React
🔹 Three.js - library ของ JavaScript ใช้สำหรับสร้างและแสดงผลกราฟฟิค 3D
🔹 Lodash - เป็น library ของ JavaScript ใช้สำหรับการเขียนโปรแกรมทั่วไป
🔹 jQuery - ใช้สำหรับจัดการ HTML document
.
มาต่อกันที่ Framework เลยฮะ
.
📦 Framework คือ โครงสร้างหรือชุดคำสั่งที่สร้างขึ้นมาเพื่ออำนวยความสะดวกต่อ Developer มีข้อดีคือมีความรวดเร็ว และเหมาะกับงานที่ต้องทำเป็นทีม หรือองค์กรใหญ่ๆ มีข้อจำกัดคืออาจจะใช้เวลาในการศึกษามากกว่า มีขนาดใหญ่
.
👉 ตัวอย่างของ Framework ที่นิยม ได้แก่
.
🔸 Angular - เป็น JavaScript Framework ใช้สำหรับพัฒนา Web และ Mobile Application
🔸 Django - เป็น Framework ฝั่ง Server-side ใช้ภาษา Python ในการเขียน
🔸 Express - เป็น Framework จาก Node.js ไว้สำหรับพัฒนา Web และ Mobile Application
🔸 Rails - ใช้พัฒนา Web Application เขียนด้วยภาษา Ruby
🔸 Spring - เป็น Framework แบบ open-source ใช้พัฒนา Web Application เขียนด้วยภาษา Java
.
💥 Source : https://dev.to/rohitrana/what-is-the-difference-between-library-vs-framework-174n
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
「angular jquery」的推薦目錄:
- 關於angular jquery 在 BorntoDev Facebook 的最佳解答
- 關於angular jquery 在 BorntoDev Facebook 的最讚貼文
- 關於angular jquery 在 純靠北工程師 Facebook 的最佳貼文
- 關於angular jquery 在 How to use jQuery with Angular? - Stack Overflow 的評價
- 關於angular jquery 在 Angular 與jQuery 共舞:整合第三方套件的技巧、陷阱與解決方案 的評價
- 關於angular jquery 在 mgcrea/angular-jquery: This module is deprecated ... - GitHub 的評價
- 關於angular jquery 在 AngularUI for AngularJS 的評價
angular jquery 在 BorntoDev Facebook 的最讚貼文
🔥 "สาย Front-End ต้องแชร์ !!" กับสรุปรวมเครื่องมือ และ Framework ดี ๆ ที่ต้องบอกต่อสำหรับคนทำหน้าเว็บ <3
.
ต้องบอกว่าวันนี้แอดและทีมงานได้รวบรวมเครื่องมือเครื่องไม้ ที่จะทำให้งานยาก ๆ กลายเป็นงานง่าย ๆ ไว้ในที่เดียวให้แล้วว
.
⭐️ ใครที่กำลังเริ่มสาย Front-End หรือ ต้องการหาของดีรีบเข้ามาดูได้เลย สำหรับลิงก์ในการเข้าไปดาวน์โหลด / อ่าน Doc / วิธีการใช้งาน ดูด้านล่างได้เลยคร้าบผมมม ^__^
.
👩🎨เครื่องมือเด็ดที่คุณต้องแชร์ของสาย Frontend
.
📚 JavaScript Framework
.
Vue.js
https://vuejs.org/
.
Angular
https://angular.io/
.
React
https://reactjs.org/
.
Backbone.js
https://backbonejs.org/
.
🎨 CSS Framework
.
Bootstrap
https://getbootstrap.com/
.
Materialize
https://materializecss.com/about.html
.
Pure.css
https://purecss.io/
.
Bulma
https://bulma.io/
.
Semantic UI
https://semantic-ui.com/
.
📖 Library
.
sweetalert2 : สำหรับสร้าง Alert สวยๆได้ง่ายๆ
https://sweetalert2.github.io/
.
AlertifyJS : สร้าง Alert สวยๆเหมือนกัน
https://alertifyjs.com/
.
Chart.js : สำหรับสร้าง Chart แบบมี animation
https://www.chartjs.org/
.
jQuery : ใช้งาน JS และจัดการ DOM ได้ง่ายขึ้น
https://jquery.com/
.
DataTables : เปลี่ยน Table แบบเดิมๆให้ดูดีมี function ได้ง่ายๆ
http://fredsarmento.me/frontend-tools/
.
Quill editor : Text Editor สำหรับใส่ในเว็บเครื่องมือครบๆ
https://quilljs.com/
.
🧰 Developing & Debugging Tools
.
Chrome DevTools : เครื่องมือ Debug เว็บ เพียงแค่กด F12 เบราเซอร์อื่นๆก็มีเหมือนกัน
https://developers.google.com/web/tools/chrome-devtools
.
CodePen : Online Editor ที่สามารถจำลอง enviroment ที่เหมาะสมได้เขียนแล้วเห็นผลทันที
https://codepen.io/
.
WebStorm : Web Editor ที่รองรับ Framework ที่หลากหลาย
https://www.jetbrains.com/webstorm/
.
🍱 Other (Asset)
.
Google Fonts : font ฟรีสวยๆของ google
https://fonts.google.com/
.
awesome : Icon ฟรีสวยๆ
https://fontawesome.com/
.
figma : สำหรับออกแบบหน้าเว็บ จัดวางองค์ประกอบหรือแม้แต่สร้าง Prototype
https://www.figma.com/files/recent
.
Visual Inspector : extension chrome ที่ช่วยให้ตรวจสอบองค์ประกอบต่างๆของเว็บได้ค่อนข้างครบถ้วน
https://chrome.google.com/webstore/detail/visual-inspector/efaejpgmekdkcngpbghnpcmbpbngoclc
.
CSS Peeper : extension chromeอีกหนึ่งตัวที่ใช้ตรวจสอบองค์ประกอบเว็บ
https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk
.
" หรือถ้าใครเคยใช้ตัวไหนมาแล้ว สามารถมาแบ่งปันประสบการณ์ในการใช้งานใน Comment กับแอดได้เลยยย ใครมีตัวไหนแนะนำใส่มาได้เต็มที่เลยคร้าบผมม <3 "
.
#BorntoDev - 🦖 Coding Academy ให้การพัฒนาเทคโนโลยีเป็นเรื่องง่ายสำหรับทุกคน
angular jquery 在 純靠北工程師 Facebook 的最佳貼文
#純靠北工程師3id
雖說VBA和 ASP.NET不是沒有市場,
但真的...都十年了,
angular/React/Vue/Backbone, 什麼SPA都了幾代了,
jQuery硬打,照用VBA,是不是有點老人?
👉 去 GitHub 給我們🌟用行動支持純靠北工程師 https://github.com/init-engineer/init.engineer
📢 匿名發文請至 https://kaobei.engineer/cards/create
🥙 全平台留言 https://kaobei.engineer/cards/show/4549
angular jquery 在 Angular 與jQuery 共舞:整合第三方套件的技巧、陷阱與解決方案 的推薦與評價
前端框架的複雜度與多元性,經常為團隊帶來許多難以掌握的變數,不同的框架、不同的寫作風格、不同的開發架構,都大 ... ... <看更多>
angular jquery 在 mgcrea/angular-jquery: This module is deprecated ... - GitHub 的推薦與評價
angular -jquery. This module is deprecated and not maintained anymore. jQuery-like extensions for AngularJS embedded jQLite ... ... <看更多>
angular jquery 在 How to use jQuery with Angular? - Stack Overflow 的推薦與評價
... <看更多>
相關內容